<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1a5a5a5/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1,width=device-width">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">

<title></title>
<link rel="icon" type="images/png" href="" />
<meta name="keywords" content="" />
<meta name="description" content="" />

<!-- 功能样式 -->
<link type="text/css" rel="stylesheet"  href="css/style.css"/><!-- 公用样式 -->
<link type="text/css" rel="stylesheet"  href="css/index.css"/><!-- 首页样式 -->

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><!-- 公用 -->
<script type="text/javascript" src="js/jquery.min.js"></script><!-- 下拉菜单 -->
<script type="text/javascript" src="js/tendina.js"></script><!-- 下拉菜单 -->
<!-- 功能样式 -->

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

</head>

<body>
<!-- 搜索 -->
<div id="search" class="clearfix">
	<a class="prev fl" href="javascript:history.go(-1);" title="后退">&lt;</a>
	<div class="search fl">
    	<input type="text" id="searchtext" class="searchtext fl" placeholder="请输入搜索内容" />
        <input type="submit" id="searchsubmit" class="searchsubmit fr" value="搜索" />
    </div>
    <a class="cart fl" href="cart_view.html" title="购物车">购物车</a>
</div>
<!-- 搜索 -->

<!-- 内容切换 -->
<div id="switch">
<!-- 内容 -->
<div id="cont" class="clearfix">
	<ul class="listsix">
    	<li class="clic"><a href="#" title="" class="fht">
        	<img src="images/fht.png" alt="images" />
            <h3>方和堂</h3>
        </a></li>
        <li class="clic"><a href="#" title="" class="tc">
        	<img src="images/tc.png" alt="images" />
            <h3>套餐</h3>
        </a></li>
        <li class="clic"><a href="#" title="" class="vip">
        	<img src="images/vip.png" alt="images" />
            <h3>会员卡</h3>
        </a></li>
        <li class="clic"><a href="#" title="" class="jf">
        	<img src="images/jf.png" alt="images" />
            <h3>积分兑换</h3>
        </a></li>
        <li class="clic"><a href="#" title="" class="zy">
        	<img  src="images/zy.png" alt="images" />
            <h3>专用链接</h3>
        </a></li>
        <li class="clic"><a href="#" title="" class="rw">
        	<img src="images/rw.png" alt="images" />
            <h3>软文推广</h3>
        </a></li>
    </ul>
</div>
<!-- 内容 -->
</div>
<!-- 内容切换 -->

<!-- 底部 -->
<div id="foot" class="clearfix">
	<ul class="foot_nav">
    	<li><a href="index.html" title=""><i class="sy"></i><em>首页</em></a></li>
        <li><a href="shop.html" title=""><i class="sc"></i><em>商品</em></a></li>
        <li><a href="clas.html" title="" class="cur"><i class="cz"></i><em>软文</em></a></li>
        <li><a href="cart.html" title=""><i class="gwc"></i><em>购物车</em></a></li>
        <li><a href="mine.html" title=""><i class="we"></i><em>个人中心</em></a></li>
    </ul>
</div>
<!-- 底部 -->

<!-- javascript -->
<script type="text/javascript">
//导航下拉菜单
$('.nav').tendina({
animate: true,
  speed: 500,
  openCallback: function($clickedEl) {
    console.log($clickedEl);
  },
  closeCallback: function($clickedEl) {
    console.log($clickedEl);
  }
})

//列表切换
var oTab=document.getElementById("navCont");
var aH3=oTab.getElementsByTagName("a");
var aDiv=document.getElementsByClassName("switchCont");
for(var i=0;i<aH3.length;i++){ 
   aH3[i].index=i;
   aH3[i].onclick=function(){
   for(var i=0;i<aH3.length;i++){
   aH3[i].className="";
   aDiv[i].style.display="none";
   }
   this.className="cur";
   aDiv[this.index].style.display="block";
   }
}
</script>
<!-- javascript -->
</body>
</html>
